<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="include/peizhi.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="${ctx}">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
        
        <title>后台管理中心</title> 
		<link rel="stylesheet" href="${ctx}/css/pintuer.css" /> 
		<link rel="stylesheet" href="${ctx}/css/admin.css" /> 
        <script type="text/javascript" src="${ctx}/js/jquery-1.9.1.min.js"></script>
<style type="text/css">
</style>
    </head>

  	<body style="background-color:#f2f9fd;"> 
	  <jsp:include page="include/header.jsp" flush="true"/>
  <div class="admin"> 
  	<div class="panel admin-panel">
	  <div class="panel-head"><strong class="icon-reorder"> 内容列表</strong></div>
	  <div class="padding border-bottom">  
	  <a class="button border-yellow" href=""><span class="icon-plus-square-o"></span> 添加内容</a>
	  </div> 
	  <table class="table table-hover text-center">
	    <tr>
	      <th width="5%">ID</th>     
	      <th>栏目名称</th>  
	      <th>排序</th>     
	      <th width="250">操作</th>
	    </tr>
	   
	    <tr>
	      <td>17</td>      
	      <td>公司简介</td>  
	      <td>1</td>      
	      <td>
	      <div class="button-group">
	      <a type="button" class="button border-main" href="#"><span class="icon-edit"></span>修改</a>
	       <a class="button border-red" href="javascript:void(0)" onclick="return del(17)"><span class="icon-trash-o"></span> 删除</a>
	      </div>
	      </td>
	    </tr> 
	    
	    <tr>
	      <td>17</td>      
	      <td>产品中心</td>  
	      <td>1</td>      
	      <td>
	      <div class="button-group">
	      <a type="button" class="button border-main" href="#"><span class="icon-edit"></span>修改</a>
	       <a class="button border-red" href="javascript:void(0)" onclick="return del(17)"><span class="icon-trash-o"></span> 删除</a>
	      </div>
	      </td>
	    </tr>  
	    
	    <tr>
	      <td>17</td>      
	      <td>新闻资讯</td>  
	      <td>1</td>      
	      <td>
	      <div class="button-group">
	      <a type="button" class="button border-main" href="#"><span class="icon-edit"></span>修改</a>
	       <a class="button border-red" href="javascript:void(0)" onclick="return del(17)"><span class="icon-trash-o"></span> 删除</a>
	      </div>
	      </td>
	    </tr>  
	    
	    <tr>
	      <td>17</td>      
	      <td>人才招聘</td>  
	      <td>1</td>      
	      <td>
	      <div class="button-group">
	      <a type="button" class="button border-main" href="#"><span class="icon-edit"></span>修改</a>
	       <a class="button border-red" href="javascript:void(0)" onclick="return del(17)"><span class="icon-trash-o"></span> 删除</a>
	      </div>
	      </td>
	    </tr>  
	    
	    <tr>
	      <td>17</td>      
	      <td>联系我们</td>  
	      <td>1</td>      
	      <td>
	      <div class="button-group">
	      <a type="button" class="button border-main" href="#"><span class="icon-edit"></span>修改</a>
	       <a class="button border-red" href="javascript:void(0)" onclick="return del(17)"><span class="icon-trash-o"></span> 删除</a>
	      </div>
	      </td>
	    </tr>   
	    
	  </table>
	</div>
	<div id="popupcontent">这是一个DIV弹窗效果!</div> 
	<script>
	function del(id){
		if(confirm("您确定要删除吗?")){
			
		}
	}
	$("#popupcontent").click(function(){
		alert("aaa");
		$("#maint").show();
		$("#maint").attr("z-index","2");
	});
	</script>
	<div class="panel admin-panel margin-top" id='maint' overflow: hidden>
	  <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>增加内容</strong></div>
	  <div class="body-content">
	    <form method="post" class="form-x" action="">   
	      <input type="hidden" name="id"  value="" />  
	      <div class="form-group">
	        <div class="label">
	          <label>栏目名称：</label>
	        </div>
	        <div class="field">
	          <input type="text" class="input w50" name="title" value="" data-validate="required:请输入标题" />         
	          <div class="tips"></div>
	        </div>
	      </div> 
	      <div class="form-group">
	        <div class="label">
	          <label>栏目图片：</label>
	        </div>
	        <div class="field">
	          <input type="text" id="url1" name="banner" class="input tips" style="width:25%; float:left;"  value="" data-toggle="hover" data-place="right" data-image="" />
	          <input type="button" class="button bg-blue margin-left" id="image1" value="+ 浏览上传"  style="float:left;">
	          <div class="tipss">图片尺寸：1920*200</div>
	        </div>
	      </div>
	       <div class="form-group">
	        <div class="label">
	          <label>英文标题：</label>
	        </div>
	        <div class="field">
	          <input type="text" class="input w50" name="entitle" value="" />         
	          <div class="tips"></div>
	        </div>
	      </div>       
	      <div class="form-group">
	        <div class="label">
	          <label>关键字标题：</label>
	        </div>
	        <div class="field">
	          <input type="text" class="input" name="s_title" value="" />         
	        </div>
	      </div>
	      <div class="form-group">
	        <div class="label">
	          <label>栏目关键字：</label>
	        </div>
	        <div class="field">
	          <input type="text" class="input" name="s_keywords" value=""/>         
	        </div>
	      </div>
	      <div class="form-group">
	        <div class="label">
	          <label>关键字描述：</label>
	        </div>
	        <div class="field">
	          <textarea type="text" class="input" name="s_desc" style="height:100px;" ></textarea>        
	        </div>
	     </div>
	    
	     <div class="form-group">
	        <div class="label">
	          <label>显示：</label>
	        </div>
	        <div class="field">
	          <div class="button-group radio">
	          
	          <label class="button active">
	         	  <span class="icon icon-check"></span>             
	              <input name="isshow" value="1" type="radio" checked="checked">是             
	          </label>             
	        
	          <label class="button active"><span class="icon icon-times"></span>          	
	              <input name="isshow" value="0"  type="radio" checked="checked">否
	          </label>         
	           </div>       
	        </div>
	     </div>
	      <div class="form-group">
	        <div class="label">
	          <label>排序：</label>
	        </div>
	        <div class="field">
	          <input type="text" class="input w50" name="sort" value="0"  data-validate="required:,number:排序必须为数字" />
	          <div class="tips"></div>
	        </div>
	      </div>
	     <div class="form-group">
	        <div class="label">
	          <label></label>
	        </div>
	        <div class="field">
	          <button class="button bg-main icon-check-square-o" type="submit"> 提交</button>
	        </div>
	      </div>
	    </form>
	  </div>
	</div>
   <!-- <iframe scrolling="auto" rameborder="0" src="info.jsp" name="right" width="100%" height="100%"></iframe>  -->
  </div> 
 </body>
</html>